@baseFontSize: 75;
.px2rem(@name,@px) {
  @{name}: @px/@baseFontSize *1rem;
}



html{
  body{
    .mainPage{
      background: #ffffff;
      .content{
        padding-top:1.2rem;
        .searchBar {
          height: 1.2rem;
          background: #ffffff;
          border-bottom: 1px solid #e6e6e6;
          .searchContainer {
            width: 100%;
            height: 100%;
            padding: 0.2rem;
            position: relative;

            #searchText {
              background: #f6f6f6;
              display: block;
              width: 8.5rem;
              height: 0.8rem;
              padding-left: 0.4rem;
              border-radius: 0.4rem 0 0 0.4rem;
            }
            #searchSubmit {
              height: 0.8rem;
              width: 1.5rem;
              z-index: 5;
              position: absolute;
              right: 0.35rem;
              top: 0.2rem;
              background: #ff881d;
              color: white;
              border-radius: 0.4rem;
            }
          }
        }
        .menu{
          height:1rem;
          border-bottom: 1px solid #e6e6e6;
          background: linear-gradient(#f6f6f6,#ffffff);

          .links{
            line-height: 1rem;
            padding-left:10px;
            float:left;
          }
          .filter{
            float:right;
            margin-right:10px;
            height:0.8rem;
            width:1.6rem;
            margin-top: 0.1rem;
          }
        }
        .proContent{
          .proInfo{
            padding:10px;
            position:relative;
            .proName{
              font-size:16px;
              text-align:center;
              margin-top: 5px;
            }
            .proPic{
              display:block;
              /*width:160px;
              position:absolute;
              left:50%;
              margin-left: -80px;*/
              margin:10px auto;
            }
            .sc{
              width:40px;
              position:absolute;
              bottom:10px;
              right:10px;
            }
          }
          .comparasion{
            ul{
              border-top:1px solid #c14d00;
              border-bottom:1px solid #c14d00;
              li{
                float:left;
                width:33.3333%;
                border-right:1px solid #c14d00;
                a{
                  color:white;
                  display:block;
                  width:100%;
                  text-align: center;
                  height:34px;
                  line-height: 34px;
                  background:linear-gradient(#ffd24a,#ffc60d);
                  //background:linear-gradient(#ffd050,#ffbb00);
                }
                .active{
                  background:#ffa72b;
                }
              }
              li:last-child{
                border-right: none;
              }
            }
            .pList{
              height:100px;
              font-size:30px;
              text-align:center;
            }
            .note{
              padding:10px;
              color:#888;
            }
          }
          .commentSection{
            border-top: 4px solid #7a7a7a;
            .comTitle{
              border-top:1px solid #ffffff;
              text-align:center;
              font-size:14px;
              height:35px;
              line-height: 35px;
              background: #dbdbdb;
            }
            .comment{
              padding:10px;
              border-top:1px solid #7a7a7a;
              .comName,.comTime,.comFrom{
                color:#666;
              }
              .comContent{
                margin-top: 10px;
                margin-bottom: 10px;
              }
            }
          }
        }
      }
    }
  }
}